<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>发现</title>
    <meta name="description" content="团购">
    <meta name="keywords" content="团购">
    <link href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">
</head>

<body>
    <div class="web">
        <header>
            <a href="javascript:history.back()" class="back">back</a>
            <div class="text">分类</div>
            <div class="s">
                <select class="city">
                    <option value="广州市">广州市</option>
                    <option value="广州市">广州市</option>
                    <option value="广州市">广州市</option>
                    <option value="广州市">广州市</option>
                </select>
                <div class="t"></div>
            </div>

        </header>
        <main>
            <div class="classify">
                <a href="./find.html" class="item">
                    <div class="imgbox">
                        <img src="../img/fl1.png" alt="">
                    </div>
                    美食
                </a>
                <a href="./find.html" class="item">
                    <div class="imgbox">
                        <img src="../img/fl1.png" alt="">
                    </div>
                    美食
                </a>
                <a href="./find.html" class="item">
                    <div class="imgbox">
                        <img src="../img/fl1.png" alt="">
                    </div>
                    美食
                </a>
                <a href="./find.html" class="item">
                    <div class="imgbox">
                        <img src="../img/fl1.png" alt="">
                    </div>
                    美食
                </a>
            </div>
            <ul class="yuan">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div class="food animate__rotateInDownLeft">
                <div class="title">
                    <div class="left">
                        <i class="iconfont icon-meishi"></i>
                        <span>美食类</span>
                    </div>
                    <div class="right">
                        <span>更多</span>
                        <i class="iconfont icon-gengduo"></i>
                    </div>
                </div>
                <div class="imgList">
                    <div class="item">
                        <img src="../img/f4.png" alt="">
                    </div>
                    <div class="item">
                        <img src="../img/5.png" alt="">
                    </div>
                    <div class="item">
                        <img src="../img/f6.png" alt="">
                    </div>
                    <div class="item">
                        <img src="../img/f7.png" alt="">
                    </div>
                </div>
            </div>

            <div class="food wow animate__rotateInDownLeft">
                <div class="title">
                    <div class="left">
                        <i class="iconfont icon-yundong"></i>
                        <span>运动类</span>
                    </div>
                    <div class="right">
                        <span>更多</span>
                        <i class="iconfont icon-gengduo"></i>
                    </div>
                </div>
                <div class="imgList">
                    <div class="item">
                        <img src="../img/f4.png" alt="">
                    </div>
                    <div class="item">
                        <img src="../img/5.png" alt="">
                    </div>
                    <div class="item">
                        <img src="../img/f6.png" alt="">
                    </div>
                    <div class="item">
                        <img src="../img/f7.png" alt="">
                    </div>
                </div>
            </div>



            <div class="food">
                <div class="title">
                    <div class="left">
                        <i class="iconfont icon-dianying"></i>
                        <span>电影类</span>
                    </div>
                    <div class="right">
                        <span>更多</span>
                        <i class="iconfont icon-gengduo"></i>
                    </div>
                </div>
                <div class="imgList">
                    <div class="item">
                        <img src="../img/f4.png" alt="">
                    </div>
                    <div class="item">
                        <img src="../img/5.png" alt="">
                    </div>
                    <div class="item">
                        <img src="../img/f6.png" alt="">
                    </div>
                    <div class="item">
                        <img src="../img/f7.png" alt="">
                    </div>
                </div>
            </div>
        </main>
        <footer>

            <a href="./index.html" class="item">
                <i class="iconfont icon-shouye"></i>
                <p>首页</p>
            </a>
            <a href="./classify.html" class="item">
                <i class="iconfont icon-fenlei action"></i>
                <p>分类</p>
            </a>
            <a href="./find.html" class="item">
                <i class="iconfont icon-faxian "></i>
                <p>发现</p>
            </a>
            <a href="./use.html" class="item">
                <i class="iconfont icon-wode"></i>
                <p>我的</p>
            </a>

        </footer>
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.min.js"></script>

</body>

</html>